<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2023/6/15
  Time: 19:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>首页</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
</head>
<body>
<div class="layui-carousel" id="test10" style="">
    <div carousel-item="">
        <div><img src="/static/avatar/1.png" style="height: 100%; width: 100%"></div>
        <div><img src="/static/avatar/2.png" style="height: 100%; width: 100%"></div>
        <div><img src="/static/avatar/3.png" style="height: 100%; width: 100%"></div>
    </div>
</div>
<!-- 条目中可以是任意内容，如：<img src=""> -->
<script src="/static/layui/layui.js"></script>
<script>
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //图片轮播
        carousel.render({
            elem: '#test10'
            ,width: '100%'
            ,height: '98%'
            ,interval: 5000
            ,anim: 'fade' // 渐隐渐现
        });
    });
</script>
</body>
</html>
